<!DOCTYPE html>
<html lang="en">

<!-- <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三级菜单</title>
</head>

<body>


</body>

</html> -->
























<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>慢慢滚动</title>
    <style>
        #totop {
            width: 50px;
            height: 50px;
            position: fixed;
            right: 10px;
            bottom: 10px;
            color: white;
            background-color: lightpink;
            border: 1px solid lightcoral;
        }
    </style>
</head>

<body>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="totop">回到顶部</div>
</body>

</html>























<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拖尾</title>
    <style>
        a {
            position: absolute;
        }
    </style>
</head>

<body>
    <script>



        function init() {
            let count = 0
            document.addEventListener("mousemove", function (e) {
                count++
                if (count == 5) {
                    create(e)
                    count = 0
                }

            })
        }



        function create(e) {
            let img = document.createElement("img")
            img.src = "/素材/img/QQ.png"
            img.style.position = "absolute"
            let width = 48
            img.style.width = width + "px"

            img.style.left = e.pageX - width / 2 + "px"
            img.style.top = e.pageY - width / 2 + "px"
            document.body.appendChild(img)
            set(width, img)
        }


        function set(width, img) {
            setInterval(function () {
                width -= 8
                img.style.width = width + "px"
                img.style.left = img.offsetLeft + 4 + "px"
                img.style.top = img.offsetTop + 4 + "px"

                if (width <= 0) {
                    img.remove()
                }
            }, 100)
        }

        init()

    </script>

</body>
</html> -->